<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">  
        <title>完善信息</title>
        <meta name="description" content="">
        <meta name="author" content="templatemo">
        
        <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,400italic,700' rel='stylesheet' type='text/css'>
        <link href="__PUBLIC__/Admin/css/font-awesome.min.css?v=4.1" rel="stylesheet">
        <link href="__PUBLIC__/Admin/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
        <link href="__PUBLIC__/Admin/css/templatemo-style.css" rel="stylesheet">
        <script src="__PUBLIC__/Home/js/jquery-2.1.4.min.js"></script>
        <script src="__PUBLIC__/Home/js/jquery.validate.min.js"></script>
        <script src="__PUBLIC__/Home/js/jquery.validate.min.js"></script>
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="light-gray-bg">
        <div class="templatemo-content-widget templatemo-login-widget white-bg">
            <header class="text-center">
              <div class="square"></div>
              <h1>完善信息</h1>
            </header>
            <form  id="signupForm" action="" method="post" class="templatemo-login-form">
                <div class="form-group">
    <label for="truename" class="col-sm-2 control-label">姓名</label>
    <div class="col-sm-10">
      <input type="text" name="truename" class="form-control" id="truename" placeholder="姓名">
    </div>
  </div>
  
    

  <div class="form-group">
    <label for="idcard"  class="col-sm-2 control-label">身份证号</label>
    <div class="col-sm-10">
      <input type="idcard" name="idcard" class="form-control" id="idcard" placeholder="身份证号码">
    </div>
  </div>

   
                
  <div class="form-group">
      <button type="submit" class="templatemo-blue-button width-100">提交</button>
  </div>
            </form>
        </div>

    </body>

    <script>


$().ready(function() {
// 在键盘按下并释放及提交后验证提交表单
  $("#signupForm").validate({
    rules:{
        truename:"required",
        idcard: {
              required: true,
              minlength: 10
            }
    },
    messages: {
        truename: "请输入姓名",

      idcard: {
        required: "请输入身份证号码",
        minlength: "身份证号码长度不能小于10位"
      }

    }
  });
});

    </script>
</html>